import React, { useState } from 'react';
import Row  from './Row'
import Column  from './Column'

export default function Header ({ Title, title = '在线人数', index, number = 0 }: any) {
  console.log('=== Header ===', title)
  return (
    <Row className="header" data-index={index}>
      <Column flex={1}>
        {
          Title && (
            <Title className="title">
              { title }
            </Title>
          )
        }
      </Column>
      <Column flex={1}>{ number }</Column>
    </Row>
  )
}

